﻿@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img, iframe {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, button, textarea, option {
	font: 12px "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif;
}
ul, li, div {
	list-style: none;
	border: 0px;
}
img {
	border: 0px;
}
.clear {
	font: 0px/0px serif;
	display: block;
	clear: both;
}
html {
	-webkit-text-size-adjust: none;
}
input {
	outline: none;
}
textarea {
	resize: none;
}
a{ color:#646464; text-decoration:none;}
a:Hover{ color:#646464; text-decoration:none}

body {
	font: 12px "\5FAE\8F6F\96C5\9ED1", Tahoma, Arial;
	color: #313131; background:url(../images/bodybg2.gif) center top repeat-x; background-color:#fff;
	}
#main{ background:url(../images/mainbg.png) center top repeat-y; width:960px; margin:0px auto; padding:0 18px;}
#top_nav{ background:url(../images/top_nav.gif) left top repeat-x; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
#top_nav .company_name{ width:180px; background:url(../images/top_nav_slide.gif) right center no-repeat; line-height:40px; height:40px; text-align:center; font-size:14px; color:#000; float:left;}
#top_nav .nava{ width:210px; float:left; margin-left:300px; *margin-left:150px;background:url(../images/top_nav_slide.gif) left center no-repeat; padding-left:1px;}
#top_nav:after{ display:block; width:100%; height:0; clear:both;}
#top_nav .nava:after{ display:block; width:100%; height:0; clear:both;}
#top_nav .nava a{  background:url(../images/top_nav_slide.gif) right center no-repeat; padding:0px 13px; line-height:40px; height:40px; float:left;}
#top_nav .nava a:hover{ background-color:#fff;}
#top_nav .search{ background:#fff; border-radius:6px; width:250px; border:1px solid #ddd; float:left; height:23px; box-shadow:1px 1px 7px #eee inset;-moz-box-shadow:1px 1px 7px #eee inset;-webkit-box-shadow:1px 1px 7px #eee inset; margin-top:8px}
#top_nav .search input{ border:none; background:none;}
#top_nav .search .keywords{ padding-left:10px; height:21px; line-height:21px; float:left; width:215px; display:block;}
#top_nav .search .zoom{ float:left; margin-top:3px}

#logo{ background:url(../images/logobg.gif) left center repeat-x; height:79px; line-height:79px; border-bottom:1px solid #ddd;}
#logo:after{ display:block; width:100%; height:0; clear:both;}
#logo img{ margin-top:22px; margin-left:20px; height:38px;}
#logo span{ float:right; height:79px; line-height:79px;font-size: 16px; font-family:Arial, Helvetica, sans-serif; color:#04479e; padding-right:25px}
#nav{ background:url(../images/navbg.gif) left bottom repeat-x #fff; border-top:2px solid #fff; height:44px; line-height:44px; border-bottom:1px solid #ddd;}
#nav:after{ display:block; width:100%; height:0; clear:both;}
#nav ul li{ float:left; position:relative}
#nav ul li:hover ul{ display:block}
#nav ul ul{ width:109px; position:absolute; background:#fff;  left:-1px; border:1px solid #ddd; display:none; z-index:2;}
#nav ul ul a{  border:none; background:none; width:109px; height:38px; line-height:38px}
#nav ul ul a:hover{ background:#064896; color:#fff; text-shadow:none}
#nav a{ color:#1455ab; height:44px; line-height:44px; display:block; width:110px; text-align:center; font-size:14px;  
background:url(../images/nav_slide.gif) right bottom no-repeat; text-shadow:1px 1px #fff;}
#nav a:hover{ background-color:#fff;}
#nav a.home{ width:40px}
#nav a.home img{ margin-top:12px}
#nav ul li:Hover{ background:#fff;}



.flash_txt{ width:940px; margin:0px auto; color:#1455ab; line-height:40px; height:40px; margin-top:15px; font-size:14px;}
.flash{ width:940px; margin:0px auto;}
.w940{ width:940px; margin:0px auto;}
.w940:after{display:block; width:100%; height:0; clear:both;}
#left{ width:705px;float:right;}
#right{ width:220px; float:left;}
.index_tab{ width:335px; padding:1px; border:1px solid #ddd; float:left; padding-bottom:10px; float:left; margin-right:20px}
.index_tab i{ width:24px; height:24px; background:url(../images/icons.png) left -48px no-repeat; display:block; float:right; margin-top:20px; margin-right:10px}
.index_tab:hover span { color:#000}
.index_tab:hover i{ background-position:-24px -48px}
.mt20{ margin-top:20px}
.mr0{ margin-right:0px;}

.indx_pro_list{ margin-top:30px;}
.pro_tab{ width:705px; margin:20px auto; clear:both; background:url(../images/protab_bg.png) left bottom no-repeat; padding-bottom:30px}

.pro_tab .imgs{ width:220px; float:left; height:135px; margin-right:20px; text-align:center}
.pro_tab .imgs img{max-width:220px;max-height:135px;}
.pro_tab .txt{ width:460px; float:left; min-height:135px; position:relative}
.pro_tab .txt a.title{ font-size:18px; line-height:24px;}
.pro_tab .txt a.title:hover{ text-decoration:underline}
.pro_tab .txt .des{ color:#000; line-height:20px; padding:8px 0px;}
.more{ border-radius:2px;  background-color:#70767c; width:90px; height:36px; line-height:36px; display:block; color:#fff; text-align:center; font-size:16px; float:right; border:1px solid #70767c; position:absolute; right:0; bottom:-17px; cursor:pointer}
.more b{ float:left; font-weight:normal; padding-left:15px;}
.more i{ width:24px; height:24px; background:url(../images/icons.png) left -96px no-repeat; display:inline-block; margin-left:5px; margin-top:6px; float:right; margin-right:10px}
.more:hover{ background-color:#fff;}
.more:hover i{background-position:-24px -96px}

.right_icon48{ border:1px solid #014a97; width:218px; height:47px; background:#014a97; border-radius:2px; margin-bottom:10px; color:#fff;}
.right_icon48 p{ padding-top:7px}
.right_c{ background:url(../images/icons-48x48.png) -48px 0 no-repeat; width:48px; height:48px; display:inline-block; float:left; margin-left:5px ; margin-top:-1px; margin-right:10px}
.right_b{ background:url(../images/icons-48x48.png) -48px -48px no-repeat; width:48px; height:48px; display:inline-block; float:left; margin-left:5px ; margin-top:-5px; margin-right:10px}
.right_icon48:hover p{ color:#70767c;}
.right_icon48:hover{ background:#fff;color:#70767c; border:1px solid #70767c}
.right_icon48:hover .right_c{ background-position:0 0;}
.right_icon48:hover .right_b{ background-position:0 -48px;}

.right_serivce{ border:1px solid #b4b4b4; border-radius:2px; -moz-border-radius:2px;-webkit-border-radius:2px; width:218px}
.right_serivce .title { padding:0px 10px; height:34px; line-height:34px; color:#70767c; font-weight:bold; cursor:pointer}
.right_serivce .title i{ background:url(../images/icons.png) 0px -144px no-repeat; display:inline-block; float:right; width:24px; height:24px; margin-top:5px }
.right_serivce .title i.on{ background-position:-0px -168px;}
.right_serivce .content{ padding:5px 0px 0px 0px; line-height:18px; color:#000; display:none}
.right_serivce .content a{ color:#787878; background:url(../images/icon-more.png) right center no-repeat; padding-right:15px; font-weight:bold; }
.right_serivce .content p{ padding:0px 10px}
.right_serivce .content .tel{ text-align:center; font-weight:bold; font-size:14px; color:#000; padding-top:5px; padding-bottom:5px;}
.right_serivce .content b{ color:#000; display:block; line-height:24px; height:24px;padding:0px 10px}
.bdtop{ border-top:1px solid #b4b4b4}
.right_serivce .content img{ margin-top:10px;}
.right_d{ width:220px; margin:10px auto;}
.right_d a{ border:1px solid #b4b4b4; border-radius:2px; width:198px; display:block; padding:10px; height:36px; font-size:12px; margin-bottom:10px; line-height:17px;}
.right_d a i.pro{ background:url(../images/icons.png) 0px -120px no-repeat; width:24px; height:24px; float:right; margin-top:6px; margin-right:5px;}
.right_d a i.list{ background:url(../images/icons.png) 0px -72px no-repeat; width:24px; height:24px; float:right; margin-top:6px; margin-right:5px;}
.right_d a:hover{ color:#000;}
.right_d a:hover i.pro{ background-position:-24px -120px}
.right_d a:hover i.list{ background-position:-24px -72px}

#foot{ background:url(../images/bgfooter.png) left top repeat-x; padding:30px 10px 0px 10px; width:940px; min-height:183px; border-bottom:1px solid #dddddd;}
#foot .cont{ width:270px; float:left; padding-left:10px}
#foot .cont .title{ font-size:14px; color:#000; font-weight:bold; line-height:27px; height:27px}
#foot .cont p{ line-height:24px;}
#foot .cont b{ font-size:20px; display:block; font-weight:normal; color:#000; font-family:Arial, Helvetica, sans-serif}
#foot .icon{ width:180px; margin-top:10px; position:relative; padding-left:20px}
#foot .icon a{ width:40px; height:37px; display:inline-block; margin-right:15px}
#foot .icon a.wb{ background:#014a97;  border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
#foot .icon a.qq{ background:#014a97;  border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
#foot .icon a.wx{ background:#014a97;  border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
#foot .icon .code{ position:absolute; top:-125px; right:-12px; opacity:0; display:none}

.footlist{ width:220px; float:left; margin-right:15px}
.footlist b{ font-size:14px; color:#000; font-weight:bold; line-height:27px; height:27px}
.footlist ul{ border-radius:4px; border:1px solid #b4b4b4; margin-top:10px; padding:10px 0px 0px 0px; }
.footlist ul li{ height:31px; line-height:31px; display:block; border-bottom:1px solid #b4b4b4}
.footlist ul li i{ background:url(../images/icons.png) 0px -72px no-repeat; width:24px; line-height:24px; margin-top:3px; float:left; display:block; height:24px;margin-left:15px}
.footlist ul li.pro i{ margin-left:0}
.footlist ul li a{ width:165px; padding-left:8px; height:31px; line-height:31px; display:block; overflow:hidden; float:left}
.footlist ul li:last-child{ border-bottom:none; }
.footlist ul li.pro:nth-child(1):before{ content:"1"; padding-left:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#383c3f; font-style:italic; font-size:12px; float:left;}
.footlist ul li.pro:nth-child(2):before{ content:"2"; padding-left:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#383c3f; font-style:italic; font-size:12px; float:left;}
.footlist ul li.pro:nth-child(3):before{ content:"3"; padding-left:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#383c3f; font-style:italic; font-size:12px; float:left;}
.footlist ul li.pro:nth-child(4):before{ content:"4"; padding-left:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#383c3f; font-style:italic; font-size:12px; float:left;}
.footlist ul li.pro:nth-child(5):before{ content:"5"; padding-left:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#383c3f; font-style:italic; font-size:12px; float:left;}
.footlist ul li.pro:nth-child(6):before{ content:"6"; padding-left:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#383c3f; font-style:italic; font-size:12px; float:left;}
.footlist ul li:hover a{ color:#000;}
.footlist ul li:hover i{ background-position:-24px -72px;}

.ilinks{ width:180px; float:left;}
.ilinks b{ font-size:14px; color:#000; font-weight:bold; line-height:27px; height:27px}
.ilinks ul{ margin-top:10px; padding:0px; }
.ilinks ul li{ height:32px; line-height:32px; display:block; border:1px solid #b4b4b4; border-radius:2px; margin-bottom:4px}
.ilinks ul li i{ background:url(../images/icons.png) 0px -72px no-repeat; width:24px; line-height:24px; margin-top:3px; float:left; display:block; height:24px;margin-left:15px}
.ilinks ul li a{ width:125px; padding-left:8px; height:31px; line-height:31px; display:block; overflow:hidden; float:left}
.ilinks ul li:hover{ border:1px solid #72777b}
.ilinks ul li:hover a{ color:#333;}
.ilinks ul li:hover i{background-position:-24px -72px;}
.copyright{ background:#f5f5f5; line-height:24px; border-top:1px solid #fff;padding:0px 10px; }
.copyright span{ color:#68676d; text-shadow:1px 1px #fff;}
.copyright .gotop{ background:url(../images/topicon.gif) left center no-repeat; padding-left:10px; float:right; margin-right:10px; margin-top:5px; cursor:pointer}
.copyright .gotop:hover{ color:#014a97}
.mbx{ color:#6e6e6e; width:930px; margin:10px auto; display:block; padding-top:10px;}
.mbx i{ background:url(../images/bullet01.gif) center center no-repeat; height:5px; width:4px; display:block; padding:0px 10px; float:left; margin-top:6px;}
.mbx a{ float:left;}
.mbx a:hover{ color:#000}
.mbx:after{ height:1px; display:block; width:100%; clear:both;}
.pro_title_name{ line-height:25px; height:25px; width:930px; margin:0px auto; font-size:16px; margin-bottom:15px; padding-left:5px}
.product{ width:705px; margin:20px auto;}

.product ul li{ float:left; width:230px; text-align:center}
#ind_pro_img{ /*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;

	/*设置水平居中*/
	text-align:center;

	/* 针对IE的Hack */
	*display: block;
	*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
	*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

	width:200px;
	height:180px;
    border: 1px solid #999;
	padding:5px;
}

#ind_pro_img img {
vertical-align:middle; max-height:180px; max-width:280px;
}

#pimg{ /*非IE的主流浏览器识别的垂直居中的方法*/
	display: table-cell;
	vertical-align:middle;
	 border:1px solid #ddd;
	/*设置水平居中*/
	text-align:center;

	/* 针对IE的Hack */
	*display: block;
	*font-size: 245px;/*约为高度的0.873，200*0.873 约为175*/
	*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

	width:360px;
	height:300px;
	
	padding:5px; float:left;
}

#pimg img {
vertical-align:middle; max-height:300px; max-width:360px;
}


.proname{ height:40px; line-height:20px; display:block}
.proname a:Hover{ color:#000}
#page{ width:700px; margin:20px auto; text-align:center;}
.prodetail_btn{ width:700px; margin:0px auto; height:38px; line-height:38px; border-bottom:1px solid #dddddd; margin-top:20px;}
.prodetail_btn span{ border:1px solid #dddddd; border-bottom:none; width:80px; display:block; line-height:37px; height:37px; float:left; text-align:center; border-right:none; color:#787878; cursor:pointer}
.prodetail_btn span.last{border-right:1px solid #dddddd;}
.prodetail_btn span.on{ background:url(../images/detail_bt.jpg) left top repeat-x; color:#000}
#prodetai_jt{width:700px; margin:0px auto; margin-top:-1px}
#prodetai_jt img{ margin-left:30px}
#procont{ margin:30px auto; width:700px}
.prodes{ width:300px; float:left; padding-left:20px}
.prodes b{ font-size:16px; font-weight:normal; display:block}
.prodes span.des{ width:300px; line-height:21px; font-size:12px; padding:15px 0px; display:block; color:#000}
.contentp{ line-height:25px; padding-top:25px;}
.pcont{ display:none}
.n_a_detail{ width:690px; margin:0px auto;}
.n_a_detail h1.title{ font-size:18px; color:#666; height:30px; width:100%; display:block; line-height:30px; font-weight:normal}
.n_a_detail .time{ color:#999; font-size:12px; line-height:30px; height:30px}
.n_a_detail .cont{ line-height:26px; padding-top:5px}

.downlist{ width:700px; margin:0xp auto}
.downlist:after{ display:block; content:""; height:0; clear:both; width:100%;}
.downlist .down_tab{ width:330px; float:left; height:205px; margin-bottom:35px; line-height:25px; margin-right:20px; position:relative}
.downlist .down_tab .imgs{ width:150px; height:205px; float:left; margin-right:15px; border:1px solid #ddd; padding:2px}
.downlist .down_tab .imgs img{ width:150px; height:205px}
.downlist .down_tab .title{ line-height:24px; font-size:14px; color:#333}
.downlist .down_tab a.clic{ color:#fff; background:#70767C; width:125px; height:35px; line-height:35px; display:block;  position:absolute; bottom:0px; left:170px; border-radius:2px; text-align:center; -moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; font-weight:normal; border:1px solid #70767C}
.downlist .down_tab a.clic:Hover{ background:#fff; color:#666}
.ordertab{ width:640px; margin: 30px auto;}
.ordertab sup{ color: #057ac7;}
.ordertab ul li{ padding: 10px 0px; color: #999; line-height: 25px; }
.ordertab ul li:after{ clear: both; height: 0; display: block; width: 100%; content: "";}
.ordertab span{ float: left; width: 60px; text-align: right;}
.ordertab input{ float: left; width:220px;outline: none; border-radius: 2px; border: 1px solid #ccc; line-height: 28px; margin-left: 10px; padding-left: 10px; margin-right: 15px;}
.ordertab .cont{border-radius: 2px; border: 1px solid #ccc; padding:10px 0px; line-height: 22px; margin-left: 10px; padding-left: 10px; margin-right: 15px; width: 500px; padding-right: 10px; height: 110px;outline: none;}
.ordertab .bj{ background: #2C649F; width: 90px; padding: 0; height: 30px; line-height: 30px; text-align: center; color: #fff; margin-left: 70px; border: none; border-radius: 4px;-moz-border-radius: 4px; -webkt-border-radius: 4px;;}
.ordertab .bj:hover{ background: #16a6ff;}
.ordertab .yzcode{ width: 50px; font-size: 14px;}
.order_des{ background: url(../images/orderbg.jpg) right center no-repeat; line-height: 24px; margin-top: 21px; padding-left: 20px;}

.map{ width:700px; padding-left:5px;}
.map ul li{ padding:5px 0px}
.map ul li b{ background:#f0f0f0; height:28px; line-height:28px; border-bottom:1px solid #ddd; width:690px; display:block; padding-left:10px;}
.map ul li a{ padding-left:20px; height:25px; line-height:25px; padding-right:15px; background:url(../images/p1.gif) 10px center no-repeat;}
.map ul li a:Hover{ color:#014a97}

/* 资料下载列表 */
#dowm_leibiao li{ font-size:12px; margin:10px 0 15px 0; line-height:20px; border-bottom:1px solid #ddd; padding-bottom:15px;}
#dowm_leibiao li:hover{border-bottom:1px solid #999;}
#dowm_leibiao li h2{ font-size:14px; font-weight:normal; height:20px; line-height:20px;}
#dowm_leibiao li h2 a{color:#000; margin-right:10px; float:left;}
#dowm_leibiao li h2 a:hover{ color:#0166b4;}
#dowm_leibiao li h2 span{ color:#999; float:right; font-size:10px; font-weight:normal; margin-right:10px;}
#dowm_leibiao li p{ font-size:12px; color:#666; clear:both; padding-top:5px;}
#dowm_leibiao li p a{ color:#666;}

/* 首页新闻列表 */
#ind_news li{ font-size:12px; margin:10px 0 15px 0; line-height:20px; border-bottom:1px solid #ddd; }
#ind_news li:hover{border-bottom:1px solid #999;}
#ind_news li h2{ font-size:14px; font-weight:normal; height:20px; line-height:20px;}
#ind_news li h2 a{color:#000; margin:0px 10px; float:left; width:235px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block;}
#ind_news li h2 a:hover{ color:#0166b4;}
#ind_news li h2 span{ color:#999; float:right; font-size:10px; font-weight:normal; margin-right:10px;}

/* 右侧文章列表 */
#right_news li{ font-size:12px; margin:10px 0 15px 0; line-height:20px; border-bottom:1px solid #ddd; padding-bottom:15px;}
#right_news li:hover{border-bottom:1px solid #999;}
#right_news li h2{ font-size:14px; font-weight:normal; height:20px; line-height:20px;}
#right_news li h2 a{color:#000; margin:0px 10px; float:left; width:198px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block;}
#right_news li h2 a:hover{ color:#0166b4;}
#right_news li h2 span{ color:#999; float:right; font-size:10px; font-weight:normal; margin-right:10px;}

/*-------------产品目录----------------*/
#pro_nav{ border:1px solid #ddd; padding-top:5px; margin:10px 0px;}
#pro_nav_lb{list-style-type:none;margin: 0;padding: 0;border-top:1px solid #dddddd; font-size:12px; padding:10px; margin-top:4px;}
#pro_nav_lb ul { list-style:none; margin-top:5px; padding-bottom:5px;}
#pro_nav_lb a {display: block;text-decoration: none;}
#pro_nav_lb li {margin-top: 1px; background:url(/Skins/26402/images/left_nav_icon01.png) no-repeat top left; background-position:0px 3px;}
#pro_nav_lb li:hover,#pro_nav_lb li.hover{background:url(/Skins/26402/images/left_nav_icon02.png) no-repeat top left #edebeb;}
#pro_nav_lb li a {color: #000; height:30px; line-height:30px; padding-left:20px; font-size:14px; border-bottom:1px solid #dddddd; }
#pro_nav_lb li{}
#pro_nav_lb li a:hover { color:#fff;background:url(/Skins/26402/images/left_nav_icon03.png) no-repeat top left #0166b4;  }
#pro_nav_lb li ul { margin:0px!important; padding:0px!important; margin-bottom:0px!important;}
#pro_nav_lb li ul li{ background:none; height:30px; line-height:30px; border-bottom:1px dashed #ddd;}
#pro_nav_lb li ul li a { background:none;color: #333; padding-left: 20px; height:30px; line-height:30px; font-size:12px; border:none;}
#pro_nav_lb li ul li a:hover {color:#fff;background:url(/Skins/26402/images/left_nav_icon04.png) no-repeat top right #0166b4;background-position:0px 3px;}

#biaoti{height:25px; line-height:25px; font-size:12px; width:100%; clear:both;}
#biaoti span{ float:left; background:url(/Skins/26402/images/icon_02.png) no-repeat 70px; padding-left:10px;font-size:12px; color:#999;}
#biaoti span b{ margin-right:20px; font-size:14px; color:#2a67c0;}
#biaoti a{ float:right; margin-right:10px; font-family: "Arial"; color:#666; font-size:9px;}
#biaoti a em{ font-family: "simsun"; font-size:12px; font-weight:normal; font-style:normal;}
#biaoti a:hover{ color:#f80000;}

/*----------文章内容页 底部功能条--------*/
.inside_newsthree{ width:710px; height:30px; border:1px solid #dddddd; clear:both; margin-bottom:20px; font-size:12px;line-height:30px; margin-top:20px;}
.inside_newsthree p{ float:left;margin:0px; padding:0px; margin-right:10px; margin-left:10px;}
.inside_newsthree p a{ text-decoration:none; color:#333;}
.inside_newsthree p a:hover{ color:#f80000; text-decoration:underline;} 
.inside_newsthree span{ float:right; margin-right:10px; font-family:"simsun";}
.inside_newsthree span a{ text-decoration:none;font-family:"simsun"}
.inside_newsthree span a:hover{ color:#f80000;}

#links_box{ width:940px;min-height:70px;padding:10px; }
.links_lb{ width:100%; clear:both; line-height:24px;}
.links_lb a{ float:left; display:block;margin-right:10px; margin-left:10px; color:#333; font-size:12px;}

.picture_imgd{ border:2px solid #ddd; padding:3px; margin:0px auto; max-width:640px; max-height:600px}

.slides{width:100%;height:353px;position:relative;overflow:hidden;}
.slideInner{height:353px;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:353px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}
.slideInner a div.img1{width:940px;position:absolute;left:50%;margin-left:-535px;}
.slideInner a div.img2{width:940px;position:absolute;top:557px;left:50%;margin-left:-535px;}
.slideInner .slide3 .img2{top:200px;}
.slideInner .slide3 .img3{width:181px;height:286px;position:absolute;left:50%;margin-left:330px;top:330px;}
.nav{width: 940px;position:relative;left:50%;margin-left: -470px; background:#f00}
.nav a{display:block;width:41px;height:119px;opacity:2;z-index:9;}
.nav a.prev{position:absolute;left:0;top:-170px;margin-top:-58px;background:url(../images/bts.png) left top no-repeat; width:36px; height:72px}
.nav a.next{position:absolute;right:0;top:-170px;margin-top:-58px;background:url(../images/bts.png) right top no-repeat;width:36px; height:72px}
.navListBox{position:absolute;left:50%;top:675px;z-index:99;}
.navListBox li{width:12px;height:12px;float:left;margin-left:5px;border-radius:50%;overflow:hidden;}
.navListBox li:first-child{margin-left:0;}
.navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;box-shadow:0 0 5px #666 inset;}
.navListBox li a.active{background-color:#55ddff;}

.contentp table{ max-width:940px;}